<div class="bayonet-container">
      <div class="bayonet-header">
           <h3 class="bayonet-title"><span class="closeBayonet" ng-click="cancel()"></span>卡口画面</h3>
      </div>
      <div class="bayonet-body">
           <div class="bayonet-left">
              <div class="bayonet_serach">
                <label for="searchCamera"></label>
                <input type="text" id="searchCamera" class="bayonet-text" placeholder="请输入摄像头位置">
                <div class="bayonet-search">搜索</div>
              </div>
              <div class="tree_box">
                <div js-tree="treeConfig" ng-model="treeData" tree="treeInstance" tree-events="select_node:readyCB;deselect_node:uncheck"></div>
              </div>
           </div>
           <div class="bayonet-right">
              <!-- <div class="bayonet-car-find"> -->
                <div class="row">
                  <div class="col-md-3">
                      <span class="bayonet-car">车牌号码：</span>
                      <input type="text" class="bayonet-car-num" data-ng-model="bayoentCarNum" id="bayonet-car-num" placeholder="默认查询全部车辆">
                  </div>
                  <div class="col-md-7">
                       <span class="bayonet-time-text">时间从：</span>
                       <div class="bayonet-start-date">
                         
                         <div class="dropdown">
                          <a class="dropdown-toggle" id="dropdown1" role="button" data-toggle="dropdown" >
                            <div class="input-group">
                              <input type="text"  class="form-control start" data-ng-model="starttime| date:'yyyy-MM-dd HH:mm:ss'" id="starttime">
                              <span class="input-group-addon"><i class="glyphicon time-icon"></i></span>
                            </div>
                          </a>
                          <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
                            <datetimepicker   data-ng-model="starttime" data-datetimepicker-config="{ dropdownSelector: '#dropdown1', renderOn: 'end-date-changed' ,minView:'day'}"
                        data-on-set-time="startDateOnSetTime()"
                        data-before-render="startDateBeforeRender($dates)" ></datetimepicker>
                          </ul>
                         </div>
                  
                       </div>
                       <span class="bayonet-to">至：</span>
                       <div class="bayonet-end-date">
                            <div class="dropdown">
                              <a class="dropdown-toggle" id="dropdown2" role="button" data-toggle="dropdown" >
                                <div class="input-group">
                                  <input type="text"  class="form-control end" data-ng-model="endtime| date:'yyyy-MM-dd HH:mm:ss'"  id="endtime">
                                  <span class="input-group-addon"><i class="glyphicon time-icon"></i></span>
                                </div>
                              </a>
                              <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
                                <datetimepicker   data-ng-model="endtime" data-datetimepicker-config="{ dropdownSelector: '#dropdown2',minView:'day' ,renderOn: 'start-date-changed' }"  data-on-set-time="endDateOnSetTime()" data-before-render="endDateBeforeRender($view, $dates, $leftDate, $upDate, $rightDate)"></datetimepicker>
                              </ul>
                            </div>
                       </div>
                       <div class="bayonet-begin-find" ng-click="searchCar()">开始查询</div>   
                  </div>
                  <div class="col-md-2">

                        <div class="bayonet-tab">
                              <div class="bayonet-list" ng-class="{'prev': showList}" ng-click="checkShow(0)">列表</div>
                              <div class="bayonet-picture" ng-class="{'prev': !showList}" ng-click="checkShow(1)">图片</div>
                        </div>
                  </div>
                </div>
              <!-- </div> -->
                <div class="car-table-box" ng-show="showList">
                      <table class="table table-striped car-table" ng-if="carsData.length!=0&&carsData!=null">
                                  <thead>
                                        <tr>
                                            <th>序号</th>
                                            <th>车牌号码</th>
                                            <th>卡口名称</th>
                                            <th>经过时间</th>
                                            <th>车牌类型</th>
                                            <th>车辆类型</th>
                                            <th>车辆品牌</th>
                                            <th>归属地</th>
                                            <th>查看详情</th>
                                        </tr>
                                 </thead>
                                 <tbody>
                                        <tr ng-repeat="car in carsData">
                                            <td>{{ car.id }}</td>
                                            <td><div class="car-plate car-blue">{{ car.cphm }}</div></td>
                                            <td>{{ car.kkmc }}</td>
                                            <td>{{ car.jgsj }}</td>
                                            <td>{{ car.cplx }}</td>
                                            <td>{{ car.cllx }}</td>
                                            <td>{{ car.clpp }}</td>
                                            <td>{{ car.belong }}</td>
                                            <td><div class="bayonet-details" ng-click="openIt(car)">查看详情</div></td>
                                        </tr>
                                 </tbody>
                       </table>
                       <div class="no-data" ng-if="carsData.length==0||carsData==null">暂无车辆信息</div>    
                       <loading ng-show="loading"></loading>       
                    </div>
                   <div class="car-table-box" ng-hide="showList">
                      <div class="no-data" ng-if="carsData.length==0||carsData==null">暂无车辆信息</div>  
                      <loading ng-show="loading"></loading>
                      <div class="car-info" ng-repeat="car in carsData">
                        <dl ng-click="openIt(car)">
                          <dt><img ng-src="{{car.zp}}" alt=""></dt>
                          <dd>
                            <p class="car-num">{{ car.cphm }}</p>
                            <p class="after-time">{{ car.jgsj }}</p>
                          </dd>
                        </dl>
                      </div>        
                    </div>       
                <div class="list-pagin"><paginings pageOption="pageOptions" callBack="getData(item)"></paginings></div>
           </div>
      </div>
</div>
